<template>
  <div class="menu">
      <div class="menu1">首页</div>
      <div class="menu2">城市</div>
      <div class="menu3">个人</div>
  </div>
</template>

<script>
export default {
  name: 'BottomMenu'
}
</script>

<style lang="scss" scoped>
  .menu{
     width: 100%;
     display: flex;
     justify-content: space-between;
     position: fixed;
     bottom: 0;
     left: 0;
    //  background: rgba(193, 236, 164, 0.6);
     .menu1,.menu2,.menu3{
         padding: .2rem .4rem;
         color: rgb(12, 12, 12);
         font-weight: 700;
     }
  }
</style>
